
<div class="layui-fluid">
    <style>
        .layui-quote-nm{
            background-color: #fff;
        }
        #sysinfo>span{
            margin-right: 10px;
        }
    </style>
    <blockquote id="sysinfo" class="layui-elem-quote layui-quote-nm layui-font-gray">
        <span class="iconfont icon-win"></span>
        <span>系统：Windows 10</span>
        <span>运行时长：20天10小时</span>
    </blockquote>
    <div class="layui-row layui-col-space15">

        <div class="layui-col-md4">
            <div class="layui-panel">
                <div style="padding: 10px 20px;">
                    <div id="cpu" style="width: 300px;height: 300px;margin: 0 auto;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-panel">
                <div style="padding: 10px 20px;">
                    <div id="memory" style="width: 300px;height: 300px;margin: 0 auto;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-panel">
                <div style="padding: 10px 20px;">
                    <div id="jvm" style="width: 300px;height: 300px;margin: 0 auto;"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-panel">
                <div style="padding: 10px 20px;">
                    <div id="disk" style="width: 100%;height: 300px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card" style="min-height: 300px;">
                <table class="layui-hide" id="discTable"></table>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-panel">
                <div style="padding: 10px 20px;">
                    <div id="network" style="width: 100%;height: 300px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card" style="min-height: 300px;">
                <table class="layui-hide" id="networkTable"></table>
            </div>
        </div>
    </div>
    <div class="layui-margin-4"></div>
    <script type="text/javascript">
        {{#
            top.tools.loadscripts(["/js/page/surveillance-center/system_monitor.js"],function (){
                templateViewInit();
            })
        }}
    </script>
</div>
